<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Image detail</title>
<style type="text/css">
	@IMPORT url("../css/common.css");
	@IMPORT url("../css/view.css");
</style>
<style type="text/css">
    @import "http://o.aolcdn.com/dojo/0.9.0/dijit/themes/tundra/tundra.css";
    @import "http://o.aolcdn.com/dojo/0.9.0/dojo/dojo.css"
</style>
<script type="text/javascript" src="http://o.aolcdn.com/dojo/0.9.0/dojo/dojo.xd.js"
            djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
   dojo.require("dojo.parser");
   dojo.require("dijit.form.DateTextBox");
   dojo.require("dijit.form.NumberTextBox");
   dojo.require("dijit.form.Button");
   dojo.require("dijit.form.Textarea");
	dojo.require("dijit.layout.AccordionContainer");
</script>
<script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js" ></script>
<script type="text/javascript">
	var _gmlUrl = '<s:url value="/process/positionGML.do" includeParams="none"/>?pathRow=<s:property value="path"/>,<s:property value="row"/>';
	var _x = <s:property value="x" />;
	var _y = <s:property value="y" />;
</script>
<script type="text/javascript" src="../scripts/view.js"></script>
</head>
<body onload="initMap()" class="tundra" style="font-size: 13px;">
	<div class="bodywrap">
		<jsp:include page="inc/top.jsp"></jsp:include>
		<div id="mainPanel" dojoType="dijit.layout.AccordionContainer" duration="200" style="margin-right: 30px; width: 700px; height: 370px; overflow: auto;">
			<div dojoType="dijit.layout.AccordionPane" selected="true" title="Detail">
				<table style="text-align: left;">
					<tr>
						<td>Path</td>
						<td><s:property value="path"/></td>
					</tr>
					<tr>
						<td>Row</td>
						<td><s:property value="row"/></td>
					</tr>
					<tr>
						<td>Date</td>
						<td><s:date name="date" format="M/d/yy" /></td>
					</tr>
					<tr>
						<td>File</td>
						<td><s:property value="dir"/></td>
					</tr>
					<tr>
						<td>Sensor</td>
						<td><s:property value="sensor"/></td>
					</tr>
					<tr>
						<td>Source</td>
						<td><s:property value="source"/></td>
					</tr>
					<tr>
						<td>Cloud Percent</td>
						<td><s:property value="cloud"/>%</td>
					</tr>
					<tr>
						<td>Quality</td>
						<td>
							<div dojoType="dijit.form.Textarea" style="width:500px;" trim="true"><s:property value="quality"/>
							</div>
						</td>
					</tr>
					<tr>
						<td>Note</td>
						<td>
							<div dojoType="dijit.form.Textarea" style="width:500px;" trim="true"><s:property value="note"/>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2"><a href="<s:url value="/process/imageDownload.do"/>">Download</a></td>
					</tr>
				</table>
			</div>
			<div dojoType="dijit.layout.AccordionPane" title="Map">
				<div id="map"></div>
			</div>
		</div>
		<jsp:include page="inc/tail.jsp"></jsp:include>
	</div>
</body>
</html>